import { ThemeMainColors } from './default-theme'

export const ThemeNavPrefabs = [
  {
    name: '默认主题',
    config: {
      vHeaderHeight: '60px',
      vHeaderBg: 'var(--v-g-bg-color)',
      vHeaderTextColor: 'var(--v-g-text-color)',
      vHeaderBorderColor: 'var(--v-g-border-color)',
      vHeaderTriggerSize: '28px',
      vHeaderTriggerRadius: '50%',
      vHeaderTriggerBorderColor: 'var(--v-g-border-color)',
      vHeaderTriggerHoverBgColor: 'var(--v-g-border-color)',
    },
  },
  {
    name: '主色文字',
    config: {
      vHeaderHeight: '60px',
      vHeaderBg: 'var(--v-g-bg-color)',
      vHeaderTextColor: 'var(--bin-color-primary)',
      vHeaderBorderColor: 'var(--v-g-border-color)',
      vHeaderTriggerSize: '28px',
      vHeaderTriggerRadius: '50%',
      vHeaderTriggerBorderColor: 'var(--v-g-border-color)',
      vHeaderTriggerHoverBgColor: 'var(--v-g-border-color)',
    },
  },
  {
    name: '无边按钮',
    config: {
      vHeaderHeight: '60px',
      vHeaderBg: 'var(--v-g-bg-color)',
      vHeaderTextColor: 'var(--v-g-text-color)',
      vHeaderBorderColor: 'var(--v-g-border-color)',
      vHeaderTriggerSize: '32px',
      vHeaderTriggerRadius: '4px',
      vHeaderTriggerBorderColor: 'transparent',
      vHeaderTriggerHoverBgColor: 'var(--v-g-border-color)',
    },
  },
  {
    name: '跟随侧栏',
    config: {
      vHeaderHeight: '60px',
      vHeaderBg: 'var(--v-sider-bg)',
      vHeaderTextColor: 'var(--v-menu-text-color)',
      vHeaderBorderColor: 'var(--v-sider-border-color)',
      vHeaderTriggerSize: '28px',
      vHeaderTriggerRadius: '50%',
      vHeaderTriggerBorderColor: 'var(--v-menu-bg-hover-color)',
      vHeaderTriggerHoverBgColor: 'var(--v-menu-bg-hover-color)',
    },
  },
  {
    name: '主色背景',
    config: {
      vHeaderHeight: '60px',
      vHeaderBg: 'var(--bin-color-primary)',
      vHeaderTextColor: 'rgba(255, 255, 255, 0.85)',
      vHeaderBorderColor: 'rgba(255, 255, 255, 0.08)',
      vHeaderTriggerSize: '28px',
      vHeaderTriggerRadius: '50%',
      vHeaderTriggerBorderColor: 'rgba(255, 255, 255, 0.09)',
      vHeaderTriggerHoverBgColor: 'rgba(255, 255, 255, 0.09)',
    },
  },
  {
    name: '碧涛青',
    config: {
      vHeaderHeight: '60px',
      vHeaderBg: ThemeMainColors[2],
      vHeaderTextColor: 'rgba(255, 255, 255, 0.85)',
      vHeaderBorderColor: 'rgba(255, 255, 255, 0.08)',
      vHeaderTriggerSize: '28px',
      vHeaderTriggerRadius: '50%',
      vHeaderTriggerBorderColor: 'rgba(255, 255, 255, 0.09)',
      vHeaderTriggerHoverBgColor: 'rgba(255, 255, 255, 0.09)',
    },
  },
  {
    name: '绿野仙踪',
    config: {
      vHeaderHeight: '60px',
      vHeaderBg: ThemeMainColors[3],
      vHeaderTextColor: 'rgba(255, 255, 255, 0.85)',
      vHeaderBorderColor: 'rgba(255, 255, 255, 0.08)',
      vHeaderTriggerSize: '28px',
      vHeaderTriggerRadius: '50%',
      vHeaderTriggerBorderColor: 'rgba(255, 255, 255, 0.09)',
      vHeaderTriggerHoverBgColor: 'rgba(255, 255, 255, 0.09)',
    },
  },
  {
    name: '暗夜紫',
    config: {
      vHeaderHeight: '60px',
      vHeaderBg: ThemeMainColors[4],
      vHeaderTextColor: 'rgba(255, 255, 255, 0.85)',
      vHeaderBorderColor: 'rgba(255, 255, 255, 0.08)',
      vHeaderTriggerSize: '28px',
      vHeaderTriggerRadius: '50%',
      vHeaderTriggerBorderColor: 'rgba(255, 255, 255, 0.09)',
      vHeaderTriggerHoverBgColor: 'rgba(255, 255, 255, 0.09)',
    },
  },
  {
    name: '浪漫红',
    config: {
      vHeaderHeight: '60px',
      vHeaderBg: ThemeMainColors[6],
      vHeaderTextColor: 'rgba(255, 255, 255, 0.85)',
      vHeaderBorderColor: 'rgba(255, 255, 255, 0.08)',
      vHeaderTriggerSize: '28px',
      vHeaderTriggerRadius: '50%',
      vHeaderTriggerBorderColor: 'rgba(255, 255, 255, 0.09)',
      vHeaderTriggerHoverBgColor: 'rgba(255, 255, 255, 0.09)',
    },
  },
  {
    name: '活力橙',
    config: {
      vHeaderHeight: '60px',
      vHeaderBg: ThemeMainColors[7],
      vHeaderTextColor: 'rgba(255, 255, 255, 0.85)',
      vHeaderBorderColor: 'rgba(255, 255, 255, 0.08)',
      vHeaderTriggerSize: '28px',
      vHeaderTriggerRadius: '50%',
      vHeaderTriggerBorderColor: 'rgba(255, 255, 255, 0.09)',
      vHeaderTriggerHoverBgColor: 'rgba(255, 255, 255, 0.09)',
    },
  },
  {
    name: '黄昏',
    config: {
      vHeaderHeight: '60px',
      vHeaderBg: ThemeMainColors[8],
      vHeaderTextColor: 'rgba(255, 255, 255, 0.85)',
      vHeaderBorderColor: 'rgba(255, 255, 255, 0.08)',
      vHeaderTriggerSize: '28px',
      vHeaderTriggerRadius: '50%',
      vHeaderTriggerBorderColor: 'rgba(255, 255, 255, 0.09)',
      vHeaderTriggerHoverBgColor: 'rgba(255, 255, 255, 0.09)',
    },
  },
  {
    name: '玫瑰红',
    config: {
      vHeaderHeight: '60px',
      vHeaderBg: ThemeMainColors[9],
      vHeaderTextColor: 'rgba(255, 255, 255, 0.85)',
      vHeaderBorderColor: 'rgba(255, 255, 255, 0.08)',
      vHeaderTriggerSize: '28px',
      vHeaderTriggerRadius: '50%',
      vHeaderTriggerBorderColor: 'rgba(255, 255, 255, 0.09)',
      vHeaderTriggerHoverBgColor: 'rgba(255, 255, 255, 0.09)',
    },
  },
  {
    name: '极致黑',
    config: {
      vHeaderHeight: '60px',
      vHeaderBg: '#001428',
      vHeaderTextColor: 'rgba(255, 255, 255, 0.85)',
      vHeaderBorderColor: 'rgba(255, 255, 255, 0.08)',
      vHeaderTriggerSize: '28px',
      vHeaderTriggerRadius: '50%',
      vHeaderTriggerBorderColor: 'rgba(255, 255, 255, 0.09)',
      vHeaderTriggerHoverBgColor: 'rgba(255, 255, 255, 0.09)',
    },
  },
  {
    name: '铁枪灰',
    config: {
      vHeaderHeight: '60px',
      vHeaderBg: '#232324',
      vHeaderTextColor: 'rgba(255, 255, 255, 0.85)',
      vHeaderBorderColor: 'rgba(255, 255, 255, 0.08)',
      vHeaderTriggerSize: '28px',
      vHeaderTriggerRadius: '50%',
      vHeaderTriggerBorderColor: 'rgba(255, 255, 255, 0.09)',
      vHeaderTriggerHoverBgColor: 'rgba(255, 255, 255, 0.09)',
    },
  },
  {
    name: '幽暗黑',
    config: {
      vHeaderHeight: '60px',
      vHeaderBg: '#001529',
      vHeaderTextColor: 'rgba(255, 255, 255, 0.85)',
      vHeaderBorderColor: 'rgba(255, 255, 255, 0.08)',
      vHeaderTriggerSize: '28px',
      vHeaderTriggerRadius: '50%',
      vHeaderTriggerBorderColor: 'rgba(255, 255, 255, 0.09)',
      vHeaderTriggerHoverBgColor: 'rgba(255, 255, 255, 0.09)',
    },
  },
  {
    name: '星空蓝灰',
    config: {
      vHeaderHeight: '60px',
      vHeaderBg: '#273352',
      vHeaderTextColor: 'rgba(255, 255, 255, 0.85)',
      vHeaderBorderColor: 'rgba(255, 255, 255, 0.08)',
      vHeaderTriggerSize: '28px',
      vHeaderTriggerRadius: '50%',
      vHeaderTriggerBorderColor: 'rgba(255, 255, 255, 0.09)',
      vHeaderTriggerHoverBgColor: 'rgba(255, 255, 255, 0.09)',
    },
  },
  {
    name: '暗夜黑',
    config: {
      vHeaderHeight: '60px',
      vHeaderBg: '#191b24',
      vHeaderTextColor: 'rgba(255, 255, 255, 0.85)',
      vHeaderBorderColor: 'rgba(255, 255, 255, 0.08)',
      vHeaderTriggerSize: '28px',
      vHeaderTriggerRadius: '50%',
      vHeaderTriggerBorderColor: 'rgba(255, 255, 255, 0.09)',
      vHeaderTriggerHoverBgColor: 'rgba(255, 255, 255, 0.09)',
    },
  },
  {
    name: '深海蓝灰',
    config: {
      vHeaderHeight: '60px',
      vHeaderBg: '#304156',
      vHeaderTextColor: 'rgba(255, 255, 255, 0.85)',
      vHeaderBorderColor: 'rgba(255, 255, 255, 0.08)',
      vHeaderTriggerSize: '28px',
      vHeaderTriggerRadius: '50%',
      vHeaderTriggerBorderColor: 'rgba(255, 255, 255, 0.09)',
      vHeaderTriggerHoverBgColor: 'rgba(255, 255, 255, 0.09)',
    },
  },
  {
    name: '静谧灰',
    config: {
      vHeaderHeight: '60px',
      vHeaderBg: '#292c37',
      vHeaderTextColor: 'rgba(255, 255, 255, 0.85)',
      vHeaderBorderColor: 'rgba(255, 255, 255, 0.08)',
      vHeaderTriggerSize: '28px',
      vHeaderTriggerRadius: '50%',
      vHeaderTriggerBorderColor: 'rgba(255, 255, 255, 0.09)',
      vHeaderTriggerHoverBgColor: 'rgba(255, 255, 255, 0.09)',
    },
  },
  {
    name: '枪灰',
    config: {
      vHeaderHeight: '60px',
      vHeaderBg: '#383f45',
      vHeaderTextColor: 'rgba(255, 255, 255, 0.85)',
      vHeaderBorderColor: 'rgba(255, 255, 255, 0.08)',
      vHeaderTriggerSize: '28px',
      vHeaderTriggerRadius: '50%',
      vHeaderTriggerBorderColor: 'rgba(255, 255, 255, 0.09)',
      vHeaderTriggerHoverBgColor: 'rgba(255, 255, 255, 0.09)',
    },
  },
]
